<template>
  <view class="content">
    <view class="item flex" @tap="go('./coach')">
      <image class="img" src="../../static/img/man.png" mode=""></image>
      <text>教练管理</text>
      <u-icon class="icon" name="arrow-right"></u-icon>
    </view>
    <view class="item flex" @tap="go('./lineUp')">
      <image class="img" src="../../static/img/book.png" mode=""></image>
      <text>排课管理</text>
      <u-icon class="icon" name="arrow-right"></u-icon>
    </view>
    <view class="item flex" @tap="go('./timeList')">
      <image class="img" src="../../static/img/chart-pie.png" mode=""></image>
      <text>教练课时统计</text>
      <u-icon class="icon" name="arrow-right"></u-icon>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    methods: {

    }
  }
</script>

<style lang="scss">
  .content {
    .item {
      width: 596rpx;
      height: 104rpx;
      margin: 25rpx auto;
      border-radius: 17.52rpx;
      border: 1.75rpx solid #ECECEC;
      padding: 0 66rpx 0 100rpx;

      .img {
        width: 40rpx;
        height: 40rpx;
        margin-right: 50rpx;
      }

      text {
        font-size: 31rpx;
        margin-right: auto;
      }
    }
  }
</style>